<script>
  export let style = "primary";
  export let type = 'button';
  export let disabled = false;
</script>



<button {type} {disabled} class={style}>
  <slot></slot>
</button>


<style>
  button {
    color: #fff;
    border: 0;
    border-radius: 8px;
    width: 100px;
    height: 40px;
    cursor: pointer;
  }
  .primary {
    background: #202142;

  }
  .secondary {
    background: #ff6a95;
  }
  button:disabled {
    background: #ccc;
    color: #333;
    cursor: auto;
  }
  button:disabled:hover {
    transform: scale(1);
    opacity: 1;
  }

</style>

